<span *ngIf="!options.hasSearchBox">
    <div [innerHtml]="options.name" [ngStyle]="{'display': (options.columnButtons ? 'table-cell': 'unset')}"></div>
</span>

<!-- Search -->
<div *ngIf="options.hasSearchBox" class="table-search-container">
    <input type="text" class="form-control search-input" [(ngModel)]="searchValue" (keyup)="search($event.target.value)" [attr.placeholder]="'Search '+ options.name" />
</div>

<!-- Research Status -->
<ng-container *ngIf="options.columnButtons">
    <span *ngFor="let button of options.columnButtons"
        [ngClass]="button.toggle ? '' : 'text-dark-grey'"
        [attr.title]="button.tooltip"
        (click)="button.toggle=!button.toggle; button.callback(button.toggle);">
        <i *ngIf="button.classNameOn === 'available'" class="ti-check" [ngClass]="{'text-success': button.toggle}"></i>
        <i *ngIf="button.classNameOn === 'notAvailable'" class="ti-close" [ngClass]="{'text-black': button.toggle}"></i>
        <i *ngIf="button.classNameOn === 'noData'" class="ti-na" [ngClass]="{'text-red': button.toggle}"></i>
    </span>
</ng-container>